import React, {Component} from 'react';
import {NavLink} from 'react-router-dom';
import './forgetPassword.css'

class Forget extends Component {
    render() {
        return (
            <div className="forget_container">
                <h3>密码重置</h3>

                <div className="resetting_input_box">
                    <input type="email" placeholder="  请输入您的注册邮箱"/>
                    <button className="confirm_email_btn">获取验证</button><br/>


                    <input type="text" placeholder="  请输入邮箱验证码"/>
                    <svg t="1636822171487" className="code_valid_icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="6939">
                        <path
                            d="M800.5 512c0 159.3-129.1 288.5-288.5 288.5-99.6 0-187.4-50.4-239.2-127.2-31.1-46-49.3-101.5-49.3-161.3 0-159.3 129.1-288.5 288.5-288.5S800.5 352.7 800.5 512z"
                            fill="#00F0D4" p-id="6940"/>
                        <path
                            d="M475.8 633.1c-6.2 0-12.5-1.9-17.8-5.8l-94.9-69.9c-13.3-9.8-16.2-28.6-6.4-41.9s28.6-16.2 41.9-6.4l73.9 54.4 151.1-155c11.6-11.9 30.6-12.1 42.4-0.5 11.9 11.6 12.1 30.6 0.5 42.4L497.3 624c-5.9 6-13.7 9.1-21.5 9.1z"
                            fill="#FFFFFF" p-id="6941"/>
                    </svg>
                    <svg t="1636822909338" className="code_wrong_icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="10563">
                        <path d="M512 512m-435.2 0a435.2 435.2 0 1 0 870.4 0 435.2 435.2 0 1 0-870.4 0Z" fill="#FE6D68"
                              p-id="10564"/>
                        <path
                            d="M563.2 512l108.8-108.8c12.8-12.8 12.8-38.4 0-51.2-12.8-12.8-38.4-12.8-51.2 0L512 460.8 403.2 352c-12.8-12.8-38.4-12.8-51.2 0-12.8 12.8-12.8 38.4 0 51.2L460.8 512 352 620.8c-12.8 12.8-12.8 38.4 0 51.2 12.8 12.8 38.4 12.8 51.2 0L512 563.2l108.8 108.8c12.8 12.8 38.4 12.8 51.2 0 12.8-12.8 12.8-38.4 0-51.2L563.2 512z"
                            fill="#FFFFFF" p-id="10565"/>
                    </svg>
                    <br/>

                    <input type="password" placeholder="  设置新密码"/><br/>

                    <input type="password" placeholder="  确认密码"/>
                    <svg t="1636822171487" className="new_valid_icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="6939" >
                        <path
                            d="M800.5 512c0 159.3-129.1 288.5-288.5 288.5-99.6 0-187.4-50.4-239.2-127.2-31.1-46-49.3-101.5-49.3-161.3 0-159.3 129.1-288.5 288.5-288.5S800.5 352.7 800.5 512z"
                            fill="#00F0D4" p-id="6940"/>
                        <path
                            d="M475.8 633.1c-6.2 0-12.5-1.9-17.8-5.8l-94.9-69.9c-13.3-9.8-16.2-28.6-6.4-41.9s28.6-16.2 41.9-6.4l73.9 54.4 151.1-155c11.6-11.9 30.6-12.1 42.4-0.5 11.9 11.6 12.1 30.6 0.5 42.4L497.3 624c-5.9 6-13.7 9.1-21.5 9.1z"
                            fill="#FFFFFF" p-id="6941"/>
                    </svg>
                    <svg t="1636822909338" className="new_wrong_icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="10563" >
                        <path d="M512 512m-435.2 0a435.2 435.2 0 1 0 870.4 0 435.2 435.2 0 1 0-870.4 0Z" fill="#FE6D68"
                              p-id="10564"/>
                        <path
                            d="M563.2 512l108.8-108.8c12.8-12.8 12.8-38.4 0-51.2-12.8-12.8-38.4-12.8-51.2 0L512 460.8 403.2 352c-12.8-12.8-38.4-12.8-51.2 0-12.8 12.8-12.8 38.4 0 51.2L460.8 512 352 620.8c-12.8 12.8-12.8 38.4 0 51.2 12.8 12.8 38.4 12.8 51.2 0L512 563.2l108.8 108.8c12.8 12.8 38.4 12.8 51.2 0 12.8-12.8 12.8-38.4 0-51.2L563.2 512z"
                            fill="#FFFFFF" p-id="10565"/>
                    </svg><br/>
                </div>
                <NavLink to="/login">
                    <button className="resetting_submit">确认重置</button>
                </NavLink>
            </div>
        );
    }
}

export default Forget;